<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="全屏渐变自定义序列轮播焦点图" />
<meta name="description" content="全屏渐变模式自定义序列焦点图，兼容IE6" />
<title>魔蝎 - 全屏渐变自定义轮播</title>
<script type="text/javascript" src="http://mxslide.oschina.mopaas.com/mx-slide/mystatics/js/jquery.min.js"></script>
<script type="text/javascript" src="http://mxslide.oschina.mopaas.com/mx-slide/mystatics/js/mx-slide-min.js"></script>
</head>
<body style="margin:0; padding:0;">

<h1 style="padding:20px 30px;">全屏渐变自定义轮播</h1>
<!-- mx-slide-fade -->
<link rel="stylesheet" type="text/css" href="mystatics/css/mx-fade.css" />
<script type="text/javascript">
mx_slide('#mx-fade').start();
</script>
<div id="mx-fade">
	<div class="mx-hidden">
	<div class="mx-width">
		<div class="mx-content">
			<a href="#"><img src="mystatics/images/0.jpg" title="" alt="" /></a>
			<a href="#"><img src="mystatics/images/1.jpg" title="" alt="" /></a>
			<a href="#"><img src="mystatics/images/2.jpg" title="" alt="" /></a>
			<a href="#"><img src="mystatics/images/3.jpg" title="" alt="" /></a>
			<a href="#"><img src="mystatics/images/4.jpg" title="" alt="" /></a>
		</div>
	</div>
	</div>
	<div class="mx-change">
		<span>A</span>
		<span>B</span>
		<span>C</span>
		<span>D</span>
		<span>E</span>
	</div>
	<div class="mx-key">
		<a href="javascript:;" class="mx-key-back"><</a>
		<a href="javascript:;" class="mx-key-next">></a>
	</div>
</div>
<!-- end -->
<div style="padding:30px;">
<div style="clear:both; height:20px;"></div>
<div style="width:1178px; padding:10px; border:1px solid #d0d0d0; background:#f0f0f0;">
mx_slide('#mx-fade').start();	//默认渐变模式
</div>
<div style="clear:both; height:50px;"></div>
<div>下载地址：<a href="mx_slide.zip" title="点击下载" target="_blank">mx_slide.zip</a></div>
<div style="clear:both; height:10px;"></div>
<p>QQ群：Web前端JavaScript <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=005e26fc32422224a44a0148c6d4f9d2e7f9b0807e58af168c5a678554c18c6e"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="Web前端-JavaScript" title="Web前端-JavaScript"></a> —— 1929 88681</p>
</div>
</body>
</html>